<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/header.css"/>
	<link rel="stylesheet" href="../css/car.css" />
	<script type="text/javascript"  src="../js/jquery.js"></script>
	<script type ="text/javascript" src="../js/header.js"></script>
	<script type ="text/javascript" src="../js/car.js"></script>
</head>
<body>
	<div class="top">
		<div class='header'>
			<div class='h_link'>
				<ul class='link_left'>
					<li class="link">
						<a href="#">收藏京东商城</a> <i></i>
					</li>
					<li class="link">
						<a href="#">360TOP奢侈品</a> <i></i>
					</li>
					<li class="link">
						<a href="#">迷你挑</a>
					</li>
				</ul>
				<ul class='link_right'>
					<li class="link">
						您好！欢迎来到京东商城！[登录] [免费注册]
						<i></i>
					</li>
					<li class="link">
						<a href="#">我的订单</a>
						<i></i>
					</li>
					<li  class="list link">
						<a href="#">特色栏目</a>
						<span class="icon"></span>
						<i></i>
						<ul class="char_part">
							<li class="part">
								特色栏目
								<span class="icon"></span>
							</li>
							<li>
								<a href="#">为我推荐</a>
							</li>
							<li>
								<a href="#">视频购物</a>
							</li>
							<li>
								<a href="#">京东社区</a>
							</li>
							<li>
								<a href="#">校园频道</a>
							</li>
							<li>
								<a href="#">在线读书</a>
							</li>
							<li>
								<a href="#">装机大师</a>
							</li>
							<li>
								<a href="#">礼品卡</a>
							</li>
						</ul>
					</li>
					<li class="link">
						<a href="#">手机京东</a>
						<i></i>
					</li>
					<li class="list link">
						<a href="#">企业服务</a>
						<span class="icon"></span>
						<i></i>
						<ul class="char_part">
							<li class="part">
								企业服务
								<span class="icon"></span>
							</li>
							<li>
								<a href="#">企业客户</a>
							</li>
							<li>
								<a href="#">办公直通车</a>
							</li>
						</ul>
					</li>
					<li class="list link">
						<a href="#">客户服务</a>
						<span class="icon"></span>
						<ul class="char_part">
							<li class="part">
								客服服务
								<span class="icon"></span>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
							<li>
								<a href="#">售后服务</a>
							</li>
							<li>
								<a href="#">在线客服</a>
							</li>
							<li>
								<a href="#">投诉中心</a>
							</li>
							<li>
								<a href="#">客服邮箱</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--头部-->
		<div class="w car_header">
			<div class="logo">
				<img src="../imgs/logo.png" alt="logo" />
			</div>
			<ul class="step">
				<li class="step-1 now_step"> <b></b>
					1.我的购物车
				</li>
				<li class="step-2"> <b></b>
					2.填写核对订单信息
				</li>
				<li class="step-3">3.成功提交订单</li>
			</ul>
		</div>
		<div class='w car_hd'>
			<h2>我的购物车</h2>
			<p>
				我的购物车
				现在 <b class="car_login">
				<span>登录</span>
			</b>， 您购物车中的商品将被永久保存
			</p>
		</div>
		<!--购物车物品列-->
		<div class='w shop_car'>
			<table border='0' cellspacing ='0'>
				<!--删除提示-->
						<div class='delete'>
								<div class="del_title">
									<h2>删除商品</h2>
									<span class="d_close">
									</span>
								</div>
								<p class="prompt">确定从购物车中删除所有选中商品？</p>
								<div class="trueorfalse">
									<a href='javascript:;' class='sure'>
										<span>确定</span>
									</a>
									<a href='javascript:;' class='cancel'>
										<span>取消</span>
									</a>
								</div>
					         </div>
	            <!--删除提示-->

				<tr>
					<th class="toall">
						<input type="checkbox" class='allbox'>
						全选
					</th>
					<th width='339'>商品</th>
					<th width='128'>京东价</th>
					<th width='119'>返现/送积分</th>
					<th width='99'>
						<input class="ship_add" type='text' value='浙江' />
						<b class="todown"></b>
					</th>
					<th width='99'>数量</th>
					<th class="operatin">操作</th>
				</tr>
				<tr class="shop_list">
					<td colspan='2'>
						<div class='leftbox'>
							<input type="checkbox" class="checkbox">
						</div>
						<div class="orders">
							<div class='p_img'>
								<img src="../comimg/rBEHZlC8XLwIAAAAAAL7uJ5eWAMAADHNQIadukAAvvQ471.jpg" alt="" />
							</div>
							<div class='p_name'>
								<a href="#">CAMEL/骆驼 春夏新款时尚休闲男士直筒牛仔裤 018290—FW12PP079006 黑灰 29</a>
							</div>
						</div>
					</td>
					<td class='p_price'>
						￥<em>169.10</em>
					</td>
					<td>&nbsp;</td>
					<td>
						现货
					</td>
					<td>
						<div class="check_num">
							<div class="calcuate">
								<p>商品数量修改成</p>
								<p class="sum">
									商品金额:
									<span>￥169.00</span>元							
								</p>
								<a href="javascript:;" class="close">关闭</a>
							</div>
							<span class="add" data = '169.00'></span>
							<input type='text' class="only_num" value='1'/>
							<span class='dec' data='169.00'></span>
						</div>
					</td>
					<td>
						<a href="javascript:;" class="delete_btn">删除</a>
					</td>
				</tr>
				<tr class="shop_list">
					<td colspan='2'>
						<div class='leftbox'>
							<input type="checkbox" class="checkbox">
						</div>
						<div class="orders">
							<div class='p_img'>
								<img src="../comimg/rBEHZlC8XLwIAAAAAAL7uJ5eWAMAADHNQIadukAAvvQ471.jpg" alt="" />
							</div>
							<div class='p_name'>
								<a href="#">CAMEL/骆驼 春夏新款时尚休闲男士直筒牛仔裤 018290—FW12PP079006 黑灰 29</a>
							</div>
						</div>
					</td>
					<td class='p_price'>
						￥<em>169.20</em>
					</td>
					<td>&nbsp;</td>
					<td>
						现货
					</td>
					<td>
						<div class="check_num">
							<div class="calcuate">
								<p>商品数量修改成</p>
								<p class="sum">
									商品金额:
									<span>￥169.00</span>元							
								</p>
								<a href="javascript:;" class="close">关闭</a>
							</div>
							<span class="add" data = '169.00'></span>
							<input type='text' class="only_num" value='1'/>
							<span class='dec' data='169.00'></span>
						</div>
					</td>
					<td>
						<a href="javascript:;" class="delete_btn">删除</a>
					</td>
				</tr>
				<tr class="shop_list">
					<td colspan='2'>
						<div class='leftbox'>
							<input type="checkbox" class="checkbox">
						</div>
						<div class="orders">
							<div class='p_img'>
								<img src="../comimg/rBEHZlC8XLwIAAAAAAL7uJ5eWAMAADHNQIadukAAvvQ471.jpg" alt="" />
							</div>
							<div class='p_name'>
								<a href="#">CAMEL/骆驼 春夏新款时尚休闲男士直筒牛仔裤 018290—FW12PP079006 黑灰 29</a>
							</div>
						</div>
					</td>
					<td class='p_price'>
						￥<em>169.30</em>
					</td>
					<td>&nbsp;</td>
					<td>
						现货
					</td>
					<td>
						<div class="check_num">
							<div class="calcuate">
								<p>商品数量修改成</p>
								<p class="sum">
									商品金额:
									<span>￥169.00</span>元							
								</p>
								<a href="javascript:;" class="close">关闭</a>
							</div>
							<span class="add" data = '169.00'></span>
							<input type='text' class="only_num" value='1'/>
							<span class='dec' data='169.00'></span>
						</div>
					</td>
					<td>
						<a href="javascript:;" class="delete_btn">删除</a>
					</td>
				</tr>
				<tr class="car_bat">
					<td class="operating" colspan='4'>
						<span class='del_icon'>
							<b></b>
							 <a href="javascript:;" class="del_check">删除选中的商品</a>
						</span>
						<span class='add_icon'>
							<b></b>
							<a href="#">凑单商品</a>
						</span>
					</td>
					<td class='shop_num'>
						<span>1</span>商品数
					</td>
					<td colspan='2' class="all_maney">
						<p>
							总计:
							<span class="total_maney">
								￥<em>167.00<em>
							</span>
						</p>
					</td>
				</tr>
				<tr class="fanxin">
					<td colspan='5'></td>
					<td colspan='2'>
						<p>
							返现:
							<span>
								-￥<em>0.00</em>
							</span>
						</p>
					</td>
				</tr>
				<tr class="total">
					<td colspan='4'></td>
					<td colspan='3'>
						<h2>总计（不含运费）：</h2>
						<span class="end_maney">
							￥<em>167.00</em>
						</span>
					</td>
				</tr>
			</table>
		</div>
		<div class='w car_btn'>
			<a href="#" class="car_btn continue">
					<span>继续购物</span>
			</a>
			<a href="#" class="car_btn clearing">
				去结算
			</a>
		</div>
	<!--当没有商品的时候-->
	<div class="w">
		<div class="no_com">
			<ul>
				<li>购物车内暂时没有商品，<a href='#'>登录</a>后，将显示您之前加入的商品 </li>
				<li><a href='#'>去首页</a>挑选喜欢的商品</li>
			</ul>
		</div>
	</div>

	<!--当没有商品的时候-->
		<!--购物车物品列-->
</body>
	</html>